<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>麦谷国际</title>    
    <link href="../css/mui.min.css" rel="stylesheet"/>
   	<link rel="stylesheet" type="text/css" href="../css/mgPublic.css"/>
   	<link rel="stylesheet" type="text/css" href="../css/mggj.css"/>
    <style type="text/css">
    	.mui-scroll-wrapper{top:44px;}
    </style>
</head>
<body>
<header class="mui-bar mui-bar-nav head_bar">
   <a class="mui-pull-left mui-ellipsis location_btn" href="##">广州市</a>
    <h1 class="mui-title">AFIVE</h1>
    <a href="##" class="mui-icon iconfont icon-hongbao mui-pull-right action_menu"></a>
</header>
<div class="mui-content">
    <div class="mui-scroll-wrapper" id="mui-scroll">
        <div class="mui-scroll">
            <div id="slider" class="mui-slider index_banner" >
		      <div class="mui-slider-group mui-slider-loop">
		        <!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
		        <div class="mui-slider-item mui-slider-item-duplicate">
		          <a href="##">
		           <img src="../images/index/banner_3.png"/>
		          </a>
		        </div>
		        <!-- 第一张 -->
		        <div class="mui-slider-item">
		          <a href="##">
		             <img src="../images/index/banner_1.png"/>
		          </a>
		        </div>
		        <!-- 第二张 -->
		        <div class="mui-slider-item">
		          <a href="##">
		            <img src="../images/index/banner_2.png"/>
		          </a>
		        </div>
		        <!-- 第三张 -->
		        <div class="mui-slider-item">
		          <a href="##">
		            <img src="../images/index/banner_3.png"/>
		          </a>
		        </div>
		        <!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
		        <div class="mui-slider-item mui-slider-item-duplicate">
		          <a href="##">
		            <img src="../images/index/banner_1.png"/>
		          </a>
		        </div>
		      </div>
		      <div class="mui-slider-indicator">
		        <div class="mui-indicator mui-active"></div>
		        <div class="mui-indicator"></div>
		        <div class="mui-indicator"></div>
		      </div>
		    </div>
		    <ul class="mui-table-view mui-grid-view mui-grid-9 index_top_grid">
			    <li class="mui-table-view-cell mui-media mui-col-xs-3">
			        <a href="##">
			            <span class="mui-icon">
			            	<img src="../images/index/webditu.png">
			            </span>
			            <div class="mui-media-body">公司简介</div>
			        </a>
			    </li>
			    <li class="mui-table-view-cell mui-media mui-col-xs-3">
			        <a href="##">
			            <span class="mui-icon">
			            	<img src="../images/index/iconfont-tubiao.png">
			            </span>
			            <div class="mui-media-body">企业文化</div>
			        </a>
			    </li>
			    <li class="mui-table-view-cell mui-media mui-col-xs-3">
			        <a href="##">
			            <span class="mui-icon">
			            	<img src="../images/index/iconfont-jiangbei.png">
			            </span>
			            <div class="mui-media-body">企业荣誉</div>
			        </a>
			    </li>
			    <li class="mui-table-view-cell mui-media mui-col-xs-3">
			        <a href="##">
			            <span class="mui-icon">
			            	<img src="../images/index/iconfont-wodezhaopin.png">
			            </span>
			            <div class="mui-media-body">人才招聘</div>
			        </a>
			    </li>
		    </ul>
		    <div class="index_cards">
		    	<div class="mui-card successful_project">
					<div class="mui-table-view-cell mui-card-header">
						<!--<a class="mui-navigate-right">-->
							<b>成功项目</b>
							<a href="project_list.html" class="mui-badge mui-btn-blue mui-navigate-right">更多</a>
						<!--</a>-->
					</div>
					<div class="mui-card-content">
						<div class="mui-card-content-inner mui-table-view">
							<div class="mui-table-view-cell mui-media">
								<div class="mui-media-object mui-pull-left	">
									<img class="" src="../images/index/banner_1.png">
									<p class="project_stts">已结</p>
								</div>
								
								<div class="mui-media-body">
									<h3 class="mui-ellipsis">美宜家众筹1号目标</h3>
									<div class="project_detail mui-clearfix">
										<div class="mui-pull-left">
											<h4>众筹</h4>
											<p>已融资<span>100%</span></p>
										</div>
										<div class="mui-pull-right">
											<a href="javascript:;" class="mui-btn mui-btn-grey">认购</a>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="mui-card financing_project">
					<div class="mui-table-view-cell mui-card-header">
						<!--<a class="mui-navigate-right">-->
								<b>融资项目</b>
							<a href="project_list.html" class="mui-badge mui-btn-blue mui-navigate-right">更多</a>
						<!--</a>-->
					</div>
					<div class="mui-card-content">
						<div class="mui-card-content-inner mui-table-view">
							<div class="mui-table-view-cell mui-media">
								<div class="mui-media-object mui-pull-left	">
									<img class="" src="../images/index/banner_1.png">
									<p class="project_stts">已结</p>
								</div>
								
								<div class="mui-media-body">
									<h3 class="mui-ellipsis">美宜家众筹1号目标</h3>
									<div class="project_detail mui-clearfix">
										<div class="mui-pull-left">
											<h4>众筹</h4>
											<p>已融资<span>100%</span></p>
										</div>
										<div class="mui-pull-right">
											<a href="project_detail.html" class="mui-btn mui-btn-primary">认购</a>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
		    </div>
        </div>
    </div>
</div>
<script src="../js/mui.min.js"></script>	
<script type="text/javascript" charset="utf-8">
  	mui.init({  		
	preloadPages:[{
			url:'../select_city.html',
			id:'select_city.html',
			styles:{},//窗口参数
			extras:{}//自定义扩展参数
			},
			{
			url:'../find/game.html',
			id:'game.html',
			styles:{},//窗口参数
			extras:{}//自定义扩展参数
		}
	   
 	 ],
  	});
  	mui("#mui-scroll").scroll();  	
  	document.querySelector(".location_btn").addEventListener("tap",function(){
  		mui.openWindow('../select_city.html','select_city.html',{});
  	});
  	document.querySelector(".action_menu").addEventListener("tap",function(){
  		mui.openWindow('../find/game.html','game.html',{});
  	});
  	
  	mui(".financing_project").on("tap","a",function(){
  		var theHref=this.href;
  		mui.openWindow(theHref);
  	});
  	mui(".index_top_grid").on("tap","a",function(){
  		mui.toast("暂无页面");
  	});
</script>	
</body>
</html>